<template>
	<div class="icons">
		<template v-if='type=="zq"'>
			<router-link to="/AreaGame">
				<div><img src="/static/img/zq_logo1.png"></div>
			</router-link>
			<router-link to="/Games">
				<div><img src="/static/img/zq_logo2.png"></div>
			</router-link>
			<router-link to="/DataBank">
				<div><img src="/static/img/zq_logo3.png"></div>
			</router-link>
			<router-link to="/GameDetail">
				<div><img src="/static/img/zq_logo4.png"></div>
			</router-link>
		</template>
		<template v-if='type=="lq"'>
			<router-link to="/NBA">
				<div><img src="/static/img/lq_logo1.png"></div>
			</router-link>
			<router-link to="/GamesLQ">
				<div><img src="/static/img/lq_logo2.png"></div>
			</router-link>
		</template>
	</div>
</template>
<script>
	export default{
		name: 'HomeNav',
		props:{
	      type:String,
	    },
	};
</script>
<style lang="less" scoped>
	.icons{
		position: fixed;
		z-index: 99;
		background:#fff;
		top:1rem;
		width: 100%;
		left: 0;
		box-sizing: border-box;
		padding:.26rem;
		display: flex;
		justify-content: space-around;
		a{
			width: 1.56rem;
			height: 1.56rem;
			img{
				width: 100%;
				height: 100%;
			}
		} 
		border-bottom: .11rem #F5F8FB solid;
	}
</style>